<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
	<!-- 引入boostrap -->
	<link rel="stylesheet" href="./css/bootstrap.min.css" />
	<!-- 引入动画库 -->
	<link rel="stylesheet" href="./css/animate.min.css" />
	<!-- 引入重置样式文件 -->
	<link rel="stylesheet/less" href="./css/reset.less" />
    <!-- 引入公共样式 -->
	<link rel="stylesheet/less" href="./css/common.less"/>
	<!-- 引入首页的样式 -->
	<link rel="stylesheet/less" href="./css/store.less"/>  
</head>
<body>
    <div class="index">
        <div class="test">
            <div>宠友们</div>
            <div><img src="images/搜索.png" ></div>
        </div>
    </div>

    <div class="product">
        <div class="aa">
            <div class="ind_1">
                <div class="tp"><img src="./images/1.png"></div>
                <div>NEW</div>
                <div>新品卡通狗粮</div>
                <div>￥76.9</div>
            </div>
            <div class="ind_1">
                <div class="tp"><img src="./images/1.png"></div>
                <div>NEW</div>
                <div>新品卡通狗粮</div>
                <div>￥76.9</div>
            </div>
            <div class="ind_1">
                <div class="tp"><img src="./images/1.png"></div>
                <div>NEW</div>
                <div>新品卡通狗粮</div>
                <div>￥76.9</div>
            </div>
            <div class="ind_1">
                <div class="tp"><img src="./images/1.png"></div>
                <div>NEW</div>
                <div>新品卡通狗粮</div>
                <div>￥76.9</div>
            </div>
        </div>
    </div>


    <div class="non">
        <div class="top_1">
            <div>
                <img src="images/金刚区图标-09.png" >
                <p>狗粮</p>
            </div>
            <div>
                <img src="images/金刚区图标-10.png" >
                <p>狗粮</p>
            </div>
            <div>
                <img src="images/金刚区图标-11.png" >
                <p>狗粮</p>
            </div>
            <div>
                <img src="images/金刚区图标-12.png" >
                <p>狗粮</p>
            </div>
        </div>
        <div class="top_1">
            <div>
                <img src="images/金刚区图标-13.png" >
                <p>狗粮</p>
            </div>
            <div>
                <img src="images/金刚区图标-14.png" >
                <p>狗粮</p>
            </div>
            <div>
                <img src="images/金刚区图标-15.png" >
                <p>狗粮</p>
            </div>
            <div>
                <img src="images/金刚区图标-16.png" >
                <p>狗粮</p>
            </div>
        </div>
    </div>

    <div> <p>今日活动</p></div>
    <div class="pon">
        <div class="int_1">
            <div class="i_1">
                <img src="images/推荐2.png" />
            </div>
            <div class="i_1">
                <img src="images/推荐2.png" />
            </div>
            <div class="i_1">
                <img src="images/推荐2.png" />
            </div>
        </div>
    </div>

    <div> <p>今日活动</p></div>
    <div class="pon">
       
        <div class="int_1">
            <div class="i_1">
                <img src="images/推荐2.png" />
            </div>
            <div class="i_1">
                <img src="images/推荐2.png" />
            </div>
            <div class="i_1">
                <img src="images/推荐2.png" />
            </div>
        </div>
    </div>

    <div> <p>今日活动</p></div>
    <div class="pon">
        <div class="int_1">
            <div class="i_1">
                <img src="images/推荐2.png" />
            </div>
            <div class="i_1">
                <img src="images/推荐2.png" />
            </div>
            <div class="i_1">
                <img src="images/推荐2.png" />
            </div>
        </div>
    </div>

    <div class="Guidance">
        <div class="First">
            <div class="div_1">
                <div><img src="images/下导航头1.png" ></div>
                <p>首页</p>
            </div>
            <div class="div_1">
                <div><img src="images/下导航头2.png" ></div>
                <p>首页</p>
            </div>
             <div class="div_1">
                <div><img src="images/下导航头3.png" ></div>
                <p>首页</p>
            </div>
            <div class="div_1">
                <div><img src="images/下导航头4.png" ></div>
                 <p>首页</p>
            </div>
        </div>     
    </div> 
</body>
</html>
<!-- 引入jquery -->
<script src="./js/jquery.min.js"></script>

<!-- 引入bootstrap -->
<script src="./js/bootstrap.min.js"></script>

<!-- 引入解析less的插件 -->
<script src="./js/less.min.js"></script>

<!-- 引入懒加载的插件 -->
<script src="./js/wow.min.js"></script>